{% block sw_order_document_settings_modal_form_first_row %}
<sw-container
    columns="1fr 1fr 1fr"
    gap="0 14px"
>
    {% block sw_order_document_settings_modal_form_credit_document_number %}
    <mt-text-field
        v-model="documentNumber"
        :label="$tc('sw-order.documentModal.labelDocumentNumber')"
    />
    {% endblock %}

    {% block sw_order_document_settings_modal_form_document_select_invoice %}
    <mt-select
        v-model="documentConfig.custom.invoiceNumber"
        class="sw-order-document-settings-credit-note-modal__invoice-select"
        required
        :label="$tc('sw-order.documentModal.labelInvoiceNumber')"
        :placeholder="$tc('sw-order.documentModal.selectInvoiceNumber')"
        :options="invoiceNumberOptions"
    />
    {% endblock %}

    {% block sw_order_document_settings_modal_form_document_date %}
    <mt-datepicker
        v-model="documentConfig.documentDate"
        date-type="date"
        required
        hide-hint
        :label="$tc('sw-order.documentModal.labelDocumentDate')"
        :placeholder="$tc('sw-datepicker.date.placeholder')"
    />
    {% endblock %}
</sw-container>
{% endblock %}
